<!-- 邮箱注册 -->

<template>
	<view class="loginBox">
		<view class="languane"></view>
		<view class="title_text">
			<view class="slogan_2"><text>设置交易密码</text></view>
		</view>

		<view class="account_number" style="margin-top: 150rpx;"><input v-model.trim="password1" placeholder="请设置您的交易密码*" class="account_number_value" /></view>
		<view class="account_number"><input v-model.trim="password1" placeholder="请确认您的交易密码*" class="account_number_value" /></view>
		<view class="btn"><button type="primary" :loading="true" class="backColor" @click="next_step">注册</button></view>
	</view>
</template>

<script>
export default {
	name: 'set-password',
	data() {
		return {
			password1: '',
			password2: ''
		};
	},
	methods: {
		send(n) {
			// console.log(this.$refs.uni_captcha);
		},
		next_step() {
			// this.$toast.loading({
			// 	message: '加载中...',
			// 	forbidClick: true
			// });
			let params = {
				phone: this.email,
				code: this.isRegister,
				type: 2
			};
			let par = {
				email: this.email,
				code: this.isRegister,
				type: 2
			};
			this.$api.number_erification(params).then(res => {
				if (res.code === 200) {
					this.$router.push({
						name: 'accountNumber',
						query: par
					});
				} else {
					this.$toast({
						message: res.msg
					});
				}
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.loginBox {
	.title_text {
		color: $backColor;
		.slogan_2 {
			font-size: 40rpx;
			display: block;
			margin-left: 68rpx;
		}
	}
	.account_number {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0rpx 70rpx 0 70rpx;
		padding: 40rpx 0;
		border-bottom: 2rpx solid #ededed;
		.account_number_value {
			flex: 1;
			font-size: 32rpx;
			color: #c2c2c2 !important;
		}
		.Switch {
			color: #5ca5d6;
			font-size: 24rpx;
		}
	}

	.btn {
		margin: 400rpx 70rpx 0 70rpx;
		.backColor {
			color: #ffffff;
			background: $backColor;
		}
	}
}
.languane {
	color: $backColor;
	font-size: 22rpx;
	text-align: right;
	padding: 70rpx;
}
</style>
